<template>
<!--  <div class="mainapp">-->
<!--    <div class="app-container">-->
<!--             <div class="content">-->
<!--               <div class="topSmg">-->
<!--                 <div class="imgs">-->
<!--&lt;!&ndash;                   <svg-icon style="font-size: 100px" icon-class="wancheng"/>&ndash;&gt;-->
<!--                   <img src="../../../assets/images/wancheng.png" alt="">-->
<!--                 </div>-->
<!--                 <div class="contentTitle">恭喜您，上报成功</div>-->
<!--               </div>-->
<!--               <div>-->
<!--                       <el-card>-->
<!--                          <div class="ok">-->
<!--                             已成功！-->
<!--                          </div>-->
<!--                         <div class="wenName">文件名：</div>-->
<!--                         <div class="wenName">{{zip}}</div>-->
<!--                         <div class="wenName">接口返回：</div>-->
<!--                         <div class="wenName">{{fileList}}</div>-->
<!--                       </el-card>-->
<!--               </div>-->
<!--             </div>-->
<!--    </div>-->
<!--  </div>-->
  <div class="JNPF-common-layout">
    <div class="JNPF-common-layout-center">
      <div class="JNPF-common-layout-main JNPF-flex-main">
        <div class="tableContainer">
          <div class="content">
            <div class="topSmg">
              <div class="imgs">
                <!--                   <svg-icon style="font-size: 100px" icon-class="wancheng"/>-->
                <img src="../../../assets/images/wancheng.png" alt="">
              </div>
              <div class="contentTitle">恭喜您，上报成功</div>
            </div>
            <div>
              <el-card>
                <div class="ok">
                  已成功！
                </div>
                <div class="wenName">文件名：</div>
                <div class="wenName">{{zip}}</div>
                <div class="wenName">接口返回：</div>
                <div class="wenName">{{fileList}}</div>
              </el-card>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
    export default {
        name: "stepThird",
        props:['fileList','zip'],
        data(){
            return{

            }
        },
        methods:{
            over(){
                console.log(111111)
                this.$router.push({ path: "/reporthome/reportsystem" });
            }
        }
    }
</script>

<style scoped lang="scss">
  .JNPF-common-layout {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: calc(100vh - 170px);
    background: #f7f9fb;
    .JNPF-common-layout-center {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      height: 100%;
      overflow: hidden;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      /*padding: 20px;*/

      .JNPF-common-search-box {
        background: #fff;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        /*margin-bottom: 16px;*/
        padding: 15px 21px 0;
        border-radius: 4px;
      }
      .JNPF-flex-main{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 4px;
      }
      .JNPF-common-layout-main {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        background-color: #fff;
        height: 100%;
        overflow: hidden;
      }
      .JNPF-flex-main .el-table {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
      }
    }
  }
  .tableContainer {
    -webkit-box-flex: .9;
    -ms-flex: .9 0 0px;
    flex: .9 0 0;
    height: 100%;
    overflow: hidden;
    padding:0px 21px 2px;
  }
  .pagination-container{
    /*background: #fff;*/
    text-align: right;
    overflow: auto hidden;
    margin-top: 10px;
    padding-right: 10px;
    height:50px;
  }
  ::v-deep .el-form-item .el-input{
    width:241px;
  }
  ::v-deep .el-table__fixed{
    height:100% !important;
  }
  .content{
    width:1200px;
    margin: 0 auto;
    margin-top:100px;
    .topSmg{
          text-align: center;
    }
    .imgs{
      margin-bottom: 50px;
    }
    .contentTitle{
      font-size: 27px;
      font-weight: 400;
      margin-bottom: 50px;
      color: #666;
    }
    .btn{
      width: 300px;
      height: 60px;
      border-radius: 40px;
      background: #1890ff;
      font-size: 30px;
      margin-bottom: 50px;
    }
    .ok{
      font-size: 20px;
      font-weight: 600;
      line-height: 40px;
    }
    .wenName{
      font-size: 18px;
      line-height: 40px;
      color: #666;
    }
  }
</style>
